<template>
	<div class="contents">
		<van-nav-bar
		  title="设计师入住"
		  left-text="返回"
		  left-arrow
		  @click-left="onClickLeft"
		/>
		<div class="content">
			<van-row>
				<van-col span="24">
					<div class="degimg">
						<img src="../../build/logo.png" alt="">
					</div>
				</van-col>
			</van-row>
			<section class="degpd">
				<van-row gutter="10">
					<van-col span="8">
						<div class="degtit">
							身份标识
						</div>
					</van-col>
					<van-col span="8">
						<div class="degtit">
							支持联系
						</div>
					</van-col>
					<van-col span="8">
						<div class="degtit">
							更多关注
						</div>
					</van-col>
				</van-row>
			</section>
			<section class="degpd">
				<van-row>
					<van-col span="24">
						<div class="degNotice">
							<h3>公告</h3>
							<h4>成为设计师所需要满足的条件</h4>
							<ol>
								<li>1.注册家居账号以及验证身份。</li>
								<li>2.从事室内设计相关行业的机构或个人行业资历3年及以上。</li>
								<li>3.具备已实施的原创设计作品(不含样板间及效果图),并保证拥有作品版权。</li>
							</ol>
						</div>
					</van-col>
				</van-row>
				<router-link to="/designercheck" tag="div">
					<van-button class="loginoutbtn" block>填表入住</van-button>
				</router-link>
			</section>
		</div>
	</div>
</template>

<script>
import Vue from 'vue'
import { Row, Col, Cell, CellGroup, NavBar, Button } from 'vant'
Vue.use(Row).use(Col).use(Cell).use(CellGroup).use(NavBar).use(Button)

export default {
	data () {
		return {}
	},
	methods: {
		onClickLeft () {
			this.$router.go(-1)
		}
	}
}
</script>

<style lang="scss" scoped="scoped">
@import '@/lib/reset.scss';
.degpd {
	padding: 0 .1rem;
	box-sizing: border-box;
	margin-top: .1rem;
}
.degimg {
	@include rect(100%, 1.4rem);
	background: #ccc;
	img {
		width: 100%;
		height: auto;
		display: block;
		height: 1.4rem;
	}
}
.degtit {
	@include flexbox();
	@include justify-content();
	@include align-items();
	@include rect(100%, 1.1rem);
	@include border(1px, #ccc, solid, null);
}
.degNotice {
	@include border(1px, #ccc, solid, null);
	line-heigth: .24rem;
	padding: .05rem;
	box-sizing: border-box;
	h3,h4 {
		text-align: center;
	}
}
.loginoutbtn {
	margin-top: .5rem;
	@include border(1px, #696f80, solid, null)
	color: #696f80;
}
</style>
